<template>
	<list-box   :name="name" :word="word" :params="params">
		<swiper class="list-swiper" next-margin="240rpx" :style="{height: `${200*rows}rpx`}">
			<swiper-item class="swiper-item" v-for="(item, index) in courseData" :key="index">
				<xq-item  :item="item"></xq-item>
			</swiper-item>
		</swiper>
	</list-box>
</template>

<script>
	import listBox from './list-box.vue'
	import xqItem from '@/components/common/xq-item.vue'
	export default {
		components: {listBox, xqItem},
		props: {
			name: {
				type: String,
				default: '相亲活动'
			},
			word: { // HOT
				type: String,
				default: null
			},
			column: { // 默认swiper-item展示2列
				type: Number,
				default: 6
			},
			rows: { // 默认4行
				type: Number,
				default: 5
			},
			courseData: {
				type: Array,
				// default: () => courseData
			},
			
			params: Object, // 点击`全部`按钮要向搜索页传递的查询条件
		}
	}
</script>

<style lang="scss">
	.list-swiper {
		// background: red;
		height: 380rpx !important;
	}
</style>
